<template>
	<div class="page-container index-container">
		<div class="m-mainBox clearfix">
			<div class="searchBox clearfix">
				<div class="condition">
					<el-select v-model="value1" class="genSelect item mr20 w150" placeholder="请选择年度">
					<el-option
						v-for="item in options1"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
					</el-select>
				</div>
				<div class="condition">
					<el-select v-model="value2" class="genSelect item mr20 w150" placeholder="请选择年级">
					<el-option
						v-for="item in options2"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
					</el-select>
				</div>
				<div class="condition">
					<el-select v-model="value3" class="genSelect item mr20 w150" placeholder="请选择考试">
					<el-option
						v-for="item in options3"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
					</el-select>
				</div>
				<div class="condition">
					<el-select v-model="value4" class="genSelect item mr20 w150" placeholder="请选择学科">
					<el-option
						v-for="item in options4"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
					</el-select>
				</div>
				<div class="condition">
					<el-select v-model="value5" class="genSelect item mr20 w150" placeholder="请选择学校">
					<el-option
						v-for="item in options5"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
					</el-select>
				</div>
				<div class="condition">
					<el-select v-model="value6" class="genSelect item mr20 w150" placeholder="请选择班级">
					<el-option
						v-for="item in options6"
						:key="item.value"
						:label="item.label"
						:value="item.value"
					></el-option>
					</el-select>
				</div>
				<div class="condition">
                    <el-button type="primary" >查询</el-button>
                </div>
			</div>

			<div class="mainTab clearfix mt40">
                <div class="activeBg" ref="activeBg"></div>
                <div class="tab" :class="{'activ':index==active}" v-for="(item,index) in tabList" @click="changeTab(index)" :key="index">{{item}}</div>
            </div>
		</div>
		<div class="m-GenBox evaluate-main clearfix">
			<div class="u-cardBox evaluate-box">
				<!--试题汇总分析-->
				<div class="index1" v-if="active=='0'">
					<div class="tname">科学试题汇总分析表</div>
					<div class="u-flex sthz etab" key="etab1">
						<el-table :data="tableDataOne" style="width: 100%" :header-cell-style="{background:'#f7f7fa',fontSize:'16px',color:'#9CA2B0',height:'80px'}" :cell-style="{height:'80px',fontSize:'16px',color:'#333333'}">
							<el-table-column prop="code" label="题目序号">
							</el-table-column>
							<el-table-column prop="name" label="知识点名称指数">
							</el-table-column>
							<el-table-column prop="level" label="能力">
							</el-table-column>
							<el-table-column prop="total" label="满分">
							</el-table-column>
							<el-table-column prop="average" label="均分">
							</el-table-column>
							<el-table-column prop="get" label="得分率">
							</el-table-column>
							<el-table-column prop="difficult" label="区分度">
							</el-table-column>
						</el-table>
					</div>
					<div class="tname">得分率与区分度</div>
					<div class="chart" key="sthz1" style="padding:0 40px 20px 20px;">
						<u-barEchart ref="sthz1_Chart"
							:keyId="'sthz1'" 
							:legend="legendList1" :list="list1" :grid="{left:40,right:20}" hasDiff hasLine :yMax=1.0 :ishasBackground="false">
						</u-barEchart>
					</div>
				</div>
				<!--分数段得分分析-->
				<div class="index2" v-if="active=='1'">
					<div class="tname">分数段分组试题得分率分布表</div>
					<div class="u-flex fddf etab" key="etab2">
						<el-table :data="tableDataTwo" style="width: 100%" :header-cell-style="{background:'#f7f7fa',fontSize:'16px',color:'#9CA2B0',height:'80px',textAlign:'center'}" :cell-style="{height:'80px',fontSize:'16px',color:'#333333',textAlign:'center'}">
							<el-table-column prop="code" label="题目序号">
							</el-table-column>
							<el-table-column prop="row1" label="01_1-2">
							</el-table-column>
							<el-table-column prop="row2" label="01_3-4-4">
							</el-table-column>
							<el-table-column prop="row3" label="02_1-2-3">
							</el-table-column>
							<el-table-column prop="row4" label="02_4-5-6">
							</el-table-column>
							<el-table-column prop="row5" label="02_7-8-9">
							</el-table-column>
							<el-table-column prop="row6" label="02_10-11-12">
							</el-table-column>
							<el-table-column prop="row7" label="02_13-14-15">
							</el-table-column>
							<el-table-column prop="row8" label="02_16-20">
							</el-table-column>
						</el-table>
					</div>
					<div class="tname">典型试题-02_10-11-12</div>
					<div class="chart" key="fsddf1" style="padding:0 40px 20px 20px;">
						<u-barEchart
							:keyId="'fsddf1'" 
							:legend="legendList2" :list="list2" :grid="{left:40,right:20}" hasDiff hasLine :yMax=1.0 :ishasBackground="false">
						</u-barEchart>
					</div>
				</div>
				<!--分组难度分析-->
				<div class="index3" v-if="active=='2'">
					<div class="tname">分组试题得分率分布表</div>
					<div class="u-flex fznd etab" key="etab3">
						<el-table :data="tableDataThree" style="width: 100%" :header-cell-style="{background:'#f7f7fa',fontSize:'16px',color:'#9CA2B0',height:'80px',textAlign:'center'}" :cell-style="{height:'80px',fontSize:'16px',color:'#333333',textAlign:'center'}">
							<el-table-column prop="code" label="题目序号">
							</el-table-column>
							<el-table-column prop="row11.value" label="钱塘新区">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row11.sel?'sel':''">{{scope.row.row11.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row12.value" label="第1组">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row12.sel?'sel':''">{{scope.row.row12.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row13.value" label="第2组">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row13.sel?'sel':''">{{scope.row.row13.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row14.value" label="第3组" >
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row14.sel?'sel':''">{{scope.row.row14.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row15.value" label="第4组">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row15.sel?'sel':''">{{scope.row.row15.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row16.value" label="第5组">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row16.sel?'sel':''">{{scope.row.row16.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row17.value" label="第6组">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row17.sel?'sel':''">{{scope.row.row17.value}}</div>
								</template>
							</el-table-column>
							<el-table-column prop="row18.value" label="第7组">
								<template slot-scope="scope">
									<div class="notsel" :class="scope.row.row18.sel?'sel':''">{{scope.row.row18.value}}</div>
								</template>
							</el-table-column>
						</el-table>
					</div>
					<div class="tname">分组试题得分率分布图</div>
					<div class="chart" key="fzst1" style="padding:0 40px 20px 20px;">
						<u-lineEchart 
                        :keyId="'fzst1'" 
                        :legend="legendList3" :grid="{left:40,right:20,bottom:80}" :list="list3" disShadow :yMax=1.0>
                    </u-lineEchart>
					</div>
					<div class="tname">得分率与区分度-试题01_3-4-5</div>
					<div class="chart" key="fzst2" style="padding:0 40px 20px 20px;">
						<u-barEchart
							:keyId="'fzst2'" 
							:legend="legendList4" :grid="{left:40,right:20}" :list="list4" hasDiff hasLine :yMax=1.0 :ishasBackground="false" fontNomal>
						</u-barEchart>
					</div>
				</div>

				<div class="index4" v-if="active=='3'">
					<div class="tname">校标效度</div>
					<div class="tablebox">
						<div class="headtit">学科成绩与校标成绩的相关分析</div>
						<table >
							<tr>
								<th class="gray">分析项目</th>
								<th colspan="3" class="blue">内容</th>
							</tr>
							<tr>
								<td rowspan="3">科学</td>
								<td class="r ssbj">分析项目</td>
								<td class="r l">2020年6年级科学</td>
								<td class="l ssbj">科学校标测试</td>
							</tr>
							<tr>
								<td class="r noborder ssbj">2020年6年级科学</td>
								<td class="r l noborder">1</td>
								<td class="l ssbj">.420**</td>
							</tr>
							<tr>
								<td class="r noborder ssbj">科学校标测试</td>
								<td class="r l noborder">.420**</td>
								<td class="l ssbj">1</td>
							</tr>
						</table>
						<div class="tit">
							<p>注:0.8-1.0,极强相关；0.6-0.8,强相关；0.4-0.6,中等相关；0.2-0.4,弱相关；0.0-0.2,极弱相关。</p>
							<p>效标效度是指测验分数与效标分数的相关程度，从相关结果来看，科学成绩和校标成绩之间存在显著的中等程度的相关，相关系数为r=0.42。</p>
						</div>
					</div>
					<div class="tname">内容效度</div>
					<div class="u-flex xdfx etab" key="etab4">
						<el-table :data="tableDataFive" style="width: 100%" :header-cell-style="{background:'#f7f7fa',fontSize:'16px',color:'#9CA2B0',height:'80px',textAlign:'center'}" :cell-style="{height:'80px',fontSize:'16px',color:'#333333',textAlign:'center'}">
							<el-table-column prop="code" label="题目序号">
							</el-table-column>
							<el-table-column prop="name" label="知识点名称">
							</el-table-column>
							<el-table-column prop="level" label="能力名称">
							</el-table-column>
							<el-table-column prop="score" label="题目满分">
							</el-table-column>
							<el-table-column prop="crv" label="CRV指数">
							</el-table-column>
						</el-table>
					</div>
					<div class="underword">
						<p>说明：采用专家判断法检验内容校度，采用内容校度比CRV判定内容校度的高低，CRV值越大内容校度越高，CRV值的范围在-1到1之间</p>
					</div>
				</div>

				<div class="index5" v-if="active=='4'">
					<div class="tname">主效应</div>
					<div class="tablebox pb20">
						<div class="headtit">六年级科学成绩的回归模型检验表</div>
						<table >
							<tr>
								<th class="gray">回归分析</th>
								<th class="bgreen r">R2（拟合优度）</th>
								<th class="green l">ANOVA的p值</th>
							</tr>
							<tr>
								<td class="r">检验值</td>
								<td class="l r ssbj">.241</td>
								<td class="l">.000</td>
							</tr>
						</table>
					</div>
					<div class="tablebox pb40">
						<div class="headtit">六年级科学成绩的回归系数表</div>
						<table >
							<tr>
								<th class="gray">二级维度</th>
								<th class="byellow r">标准系数</th>
								<th class="yellow l">T检验p值</th>
							</tr>
							<tr v-for="(item,index) in tableDataSix" :key="index">
								<td class="r">{{item.row1}}</td>
								<td class="l r ssbj">{{item.row2}}</td>
								<td class="l">{{item.row3}}</td>
							</tr>
						</table>
						<div class="tit">
							<p>说明：主效应回归分析通过建立统计模型研究变量间相互关系的密切程度、结构状态及进行模型预测。我们采用逐步回归，评价自变量对因变量的解释程度，挑选出对因变量有显著影响的自变量。</p>
							<p>（1）回归模型R2为0.241，说明六年级科学成绩的变异中有24.1%是由各维度的变化引起的，方差分析的P值为0.000，说明各维度与科学成绩之间存在着显著的线性关系。</p>
							<p>（2）通过逐步回归，筛选出学习能力、学习动机、心里健康、课业负担、行为习惯、公民素养、人格品质、理想信念、体质健康9个维度进入回归模型。从结果看，所有回归系数的p值都小于0.05，所以我们可以认为这些维度都会影响六年级科学成绩。其中学习能力的回归系数绝对值最大，说明学习能力对六年级科学成绩影响最大，是科学成绩的主效应。</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data(){
		return{
			tabList:['试题汇总分析','分数段得分分析','分组难度分析','效度分析','主效应'],
			active:'0',
			value1:'0',
			value2:'4',
			value3:'3',
			value4:'1',
			value5:'0',
			value6:'0',
			options1:[
				{
					value:'0',
					label:'2020年'
				},
				{
					value:'1',
					label:'2019年'
				},
				{
					value:'2',
					label:'2018年'
				},
			],
			options2:[
				{
					value:'0',
					label:'全部年级'
				},
				{
					value:'1',
					label:'一年级'
				},
				{
					value:'2',
					label:'二年级'
				},
				{
					value:'3',
					label:'三年级'
				},
				{
					value:'4',
					label:'六年级'
				},
			],
			options3:[
				{
					value:'0',
					label:'全部考试'
				},
				{
					value:'1',
					label:'生命科学与物质科学'
				},
				{
					value:'2',
					label:'地球与宇宙'
				},
				{
					value:'3',
					label:'期末考试'
				},
			],
			options4:[
				{
					value:'0',
					label:'全部学科'
				},
				{
					value:'1',
					label:'科学'
				},
				{
					value:'2',
					label:'地理'
				},
			],
			options5:[
				{
					value:'0',
					label:'全部学校'
				},
				{
					value:'1',
					label:'龙峰国际小学'
				},
				{
					value:'2',
					label:'启明中学'
				},
				{
					value:'3',
					label:'金沙湖东方校区'
				},
			],
			options6:[
				{
					value:'0',
					label:'全部班级'
				},
				{
					value:'1',
					label:'一年级（1）班'
				},
				{
					value:'2',
					label:'二年级（1）班'
				},
				{
					value:'3',
					label:'三年级（1）班'
				},
			],
			tableDataOne:[
				{
					code:'01_1-2',
					name:'生命科学与物质科学',
					level:'了解',
					total:'4.00',
					average:'3.86',
					get:'0.96',
					difficult:'0.54'
				},
				{
					code:'01_3-4-5',
					name:'技术与工程、地球与宇宙科学、生命科学',
					level:'理解',
					total:'6.00',
					average:'4.96',
					get:'0.83',
					difficult:'0.59'
				},
				{
					code:'02_1-2-3',
					name:'微小世界',
					level:'理解',
					total:'6.00',
					average:'4.94',
					get:'0.82',
					difficult:'0.54'
				},
				{
					code:'02_10-11-12',
					name:'地球与宇宙',
					level:'运用',
					total:'6.00',
					average:'5.13',
					get:'0.85',
					difficult:'0.55'
				},
				{
					code:'02_13-14-15',
					name:'地球与宇宙、环境和我们',
					level:'了解',
					total:'6.00',
					average:'5.90',
					get:'0.98',
					difficult:'0.47'
				},
				{
					code:'02_16-20',
					name:'环境和我们、实验仪器、电和磁、简单机械',
					level:'了解',
					total:'10.00',
					average:'8.87',
					get:'0.89',
					difficult:'0.61'
				},
				{
					code:'02_4-5-6',
					name:'微小世界与物质世界',
					level:'了解',
					total:'6.00',
					average:'5.25',
					get:'0.87',
					difficult:'0.55'
				},
				{
					code:'02_7-8-9',
					name:'物质变化',
					level:'理解',
					total:'6.00',
					average:'5.46',
					get:'0.91',
					difficult:'0.53'
				},
				{
					code:'03_1',
					name:'实验仪器使用',
					level:'了解',
					total:'6.00',
					average:'5.91',
					get:'0.98',
					difficult:'0.39'
				},
			],
			tableDataTwo:[
				{
					code:'0~5',
					row1:'0.00',
					row2:'0.00',
					row3:'0.00',
					row4:'0.00',
					row5:'0.00',
					row6:'0.00',
					row7:'0.00',
					row8:'0.00',
				},
				{
					code:'5~10',
					row1:'0.00',
					row2:'0.00',
					row3:'0.00',
					row4:'0.00',
					row5:'0.00',
					row6:'0.00',
					row7:'0.00',
					row8:'0.00',
				},
				{
					code:'10~15',
					row1:'0.50',
					row2:'0.00',
					row3:'0.00',
					row4:'0.33',
					row5:'0.33',
					row6:'0.00',
					row7:'0.00',
					row8:'0.00',
				},
				{
					code:'15~20',
					row1:'0.00',
					row2:'0.00',
					row3:'0.17',
					row4:'0.50',
					row5:'0.00',
					row6:'0.30',
					row7:'0.33',
					row8:'0.50',
				},
				{
					code:'20~25',
					row1:'0.17',
					row2:'0.00',
					row3:'0.00',
					row4:'0.33',
					row5:'0.33',
					row6:'0.67',
					row7:'0.22',
					row8:'0.22',
				},
				{
					code:'25~30',
					row1:'0.45',
					row2:'0.07',
					row3:'0.53',
					row4:'0.27',
					row5:'0.47',
					row6:'0.24',
					row7:'0.20',
					row8:'0.27',
				},
				{
					code:'30~35',
					row1:'0.12',
					row2:'0.00',
					row3:'0.58',
					row4:'0.50',
					row5:'0.67',
					row6:'0.45',
					row7:'0.33',
					row8:'0.08',
				},
				{
					code:'35~40',
					row1:'0.00',
					row2:'0.00',
					row3:'0.00',
					row4:'0.00',
					row5:'0.00',
					row6:'0.00',
					row7:'0.00',
					row8:'0.00',
				},
				{
					code:'45~50',
					row1:'0.67',
					row2:'0.33',
					row3:'0.67',
					row4:'0.56',
					row5:'0.56',
					row6:'0.47',
					row7:'0.56',
					row8:'0.78',
				},
				{
					code:'50~55',
					row1:'0.71',
					row2:'0.43',
					row3:'0.67',
					row4:'0.48',
					row5:'0.86',
					row6:'0.74',
					row7:'0.48',
					row8:'0.43',
				},
				{
					code:'55~60',
					row1:'0.75',
					row2:'0.44',
					row3:'0.56',
					row4:'0.44',
					row5:'0.78',
					row6:'0.63',
					row7:'0.50',
					row8:'0.57',
				},
				{
					code:'60~65',
					row1:'0.75',
					row2:'0.56',
					row3:'0.55',
					row4:'0.44',
					row5:'0.90',
					row6:'0.61',
					row7:'0.44',
					row8:'0.60',
				},
				{
					code:'65~70',
					row1:'0.85',
					row2:'0.55',
					row3:'0.53',
					row4:'0.52',
					row5:'0.89',
					row6:'0.63',
					row7:'0.58',
					row8:'0.72',
				},
				{
					code:'70~75',
					row1:'0.89',
					row2:'0.66',
					row3:'0.60',
					row4:'0.64',
					row5:'0.94',
					row6:'0.67',
					row7:'0.72',
					row8:'0.73',
				},
				{
					code:'75~80',
					row1:'0.93',
					row2:'0.69',
					row3:'0.62',
					row4:'0.69',
					row5:'0.96',
					row6:'0.76',
					row7:'0.70',
					row8:'0.80',
				},
				{
					code:'80~85',
					row1:'0.94',
					row2:'0.73',
					row3:'0.69',
					row4:'0.75',
					row5:'0.98',
					row6:'0.81',
					row7:'0.80',
					row8:'0.85',
				},
				{
					code:'85~90',
					row1:'0.97',
					row2:'0.80',
					row3:'0.78',
					row4:'0.83',
					row5:'0.99',
					row6:'0.87',
					row7:'0.86',
					row8:'0.91',
				},
				{
					code:'90~95',
					row1:'0.99',
					row2:'0.87',
					row3:'0.89',
					row4:'0.91',
					row5:'1.00',
					row6:'0.98',
					row7:'0.97',
					row8:'0.99',
				},
				{
					code:'95~100',
					row1:'1.00',
					row2:'0.95',
					row3:'0.96',
					row4:'0.98',
					row5:'1.00',
					row6:'0.98',
					row7:'0.97',
					row8:'0.99',
				},
			],
			tableDataThree:[
				{
					code:'01_1-2',
					row11:{value:'0.96',sel:false},
					row12:{value:'0.87',sel:false},
					row13:{value:'0.95',sel:false},
					row14:{value:'0.97',sel:true},
					row15:{value:'0.98',sel:false},
					row16:{value:'0.99',sel:false},
					row17:{value:'0.99',sel:false},
					row18:{value:'1.00',sel:false},
				},
				{
					code:'01_3-4-5',
					row11:{value:'0.83',sel:false},
					row12:{value:'0.63',sel:false},
					row13:{value:'0.75',sel:false},
					row14:{value:'0.80',sel:false},
					row15:{value:'0.83',sel:true},
					row16:{value:'0.88',sel:false},
					row17:{value:'0.91',sel:false},
					row18:{value:'0.96',sel:false},
				},
				{
					code:'02_1-2-3',
					row11:{value:'0.82',sel:false},
					row12:{value:'0.59',sel:false},
					row13:{value:'0.71',sel:false},
					row14:{value:'0.78',sel:false},
					row15:{value:'0.85',sel:true},
					row16:{value:'0.90',sel:false},
					row17:{value:'0.93',sel:false},
					row18:{value:'0.97',sel:false},
				},
				{
					code:'02_10-11-12',
					row11:{value:'0.85',sel:false},
					row12:{value:'0.63',sel:false},
					row13:{value:'0.77',sel:false},
					row14:{value:'0.82',sel:false},
					row15:{value:'0.88',sel:true},
					row16:{value:'0.91',sel:false},
					row17:{value:'0.96',sel:false},
					row18:{value:'0.98',sel:false},
				},
				{
					code:'02_13-14-15',
					row11:{value:'0.98',sel:false},
					row12:{value:'0.92',sel:false},
					row13:{value:'0.98',sel:true},
					row14:{value:'0.99',sel:false},
					row15:{value:'0.99',sel:false},
					row16:{value:'1.00',sel:false},
					row17:{value:'1.00',sel:false},
					row18:{value:'1.00',sel:false},
				},
				{
					code:'02_16-20',
					row11:{value:'0.89',sel:false},
					row12:{value:'0.70',sel:false},
					row13:{value:'0.82',sel:false},
					row14:{value:'0.87',sel:false},
					row15:{value:'0.91',sel:true},
					row16:{value:'0.93',sel:false},
					row17:{value:'0.96',sel:false},
					row18:{value:'0.99',sel:false},
				},
				{
					code:'02_4-5-6',
					row11:{value:'0.87',sel:false},
					row12:{value:'0.66',sel:false},
					row13:{value:'0.80',sel:false},
					row14:{value:'0.86',sel:true},
					row15:{value:'0.90',sel:false},
					row16:{value:'0.94',sel:false},
					row17:{value:'0.96',sel:false},
					row18:{value:'0.98',sel:false},
				},
				{
					code:'02_7-8-9',
					row11:{value:'0.91',sel:false},
					row12:{value:'0.73',sel:false},
					row13:{value:'0.86',sel:false},
					row14:{value:'0.90',sel:true},
					row15:{value:'0.93',sel:false},
					row16:{value:'0.96',sel:false},
					row17:{value:'0.97',sel:false},
					row18:{value:'0.99',sel:false},
				},
				{
					code:'03_1',
					row11:{value:'0.98',sel:false},
					row12:{value:'0.94',sel:false},
					row13:{value:'0.98',sel:true},
					row14:{value:'0.99',sel:false},
					row15:{value:'0.99',sel:false},
					row16:{value:'0.99',sel:false},
					row17:{value:'1.00',sel:false},
					row18:{value:'1.00',sel:false},
				},
				{
					code:'03_2',
					row11:{value:'1.00',sel:false},
					row12:{value:'0.98',sel:false},
					row13:{value:'1.00',sel:true},
					row14:{value:'1.00',sel:true},
					row15:{value:'1.00',sel:true},
					row16:{value:'1.00',sel:true},
					row17:{value:'1.00',sel:true},
					row18:{value:'1.00',sel:true},
				},
				{
					code:'04_1-1-2-3',
					row11:{value:'0.83',sel:false},
					row12:{value:'0.63',sel:false},
					row13:{value:'0.75',sel:false},
					row14:{value:'0.80',sel:false},
					row15:{value:'0.83',sel:true},
					row16:{value:'0.88',sel:false},
					row17:{value:'0.91',sel:false},
					row18:{value:'0.96',sel:false},
				},
				{
					code:'04_1-4-5-6',
					row11:{value:'0.93',sel:false},
					row12:{value:'0.77',sel:false},
					row13:{value:'0.88',sel:false},
					row14:{value:'0.92',sel:true},
					row15:{value:'0.95',sel:false},
					row16:{value:'0.98',sel:false},
					row17:{value:'0.99',sel:false},
					row18:{value:'1.00',sel:false},
				},
				{
					code:'04_2',
					row11:{value:'0.94',sel:false},
					row12:{value:'0.76',sel:false},
					row13:{value:'0.93',sel:false},
					row14:{value:'0.95',sel:true},
					row15:{value:'0.98',sel:false},
					row16:{value:'0.99',sel:false},
					row17:{value:'0.99',sel:false},
					row18:{value:'1.00',sel:false},
				},
				{
					code:'04_3-1',
					row11:{value:'0.83',sel:false},
					row12:{value:'0.70',sel:false},
					row13:{value:'0.79',sel:false},
					row14:{value:'0.82',sel:true},
					row15:{value:'0.84',sel:false},
					row16:{value:'0.85',sel:false},
					row17:{value:'0.86',sel:false},
					row18:{value:'0.90',sel:false},
				},
				{
					code:'04_3-2',
					row11:{value:'0.81',sel:false},
					row12:{value:'0.55',sel:false},
					row13:{value:'0.74',sel:false},
					row14:{value:'0.78',sel:false},
					row15:{value:'0.83',sel:true},
					row16:{value:'0.87',sel:false},
					row17:{value:'0.92',sel:false},
					row18:{value:'0.97',sel:false},
				},
				{
					code:'05_1-2-3',
					row11:{value:'0.88',sel:false},
					row12:{value:'0.69',sel:false},
					row13:{value:'0.83',sel:false},
					row14:{value:'0.86',sel:false},
					row15:{value:'0.90',sel:true},
					row16:{value:'0.93',sel:false},
					row17:{value:'0.95',sel:false},
					row18:{value:'0.98',sel:false},
				},
				{
					code:'05_4-5-6',
					row11:{value:'0.90',sel:false},
					row12:{value:'0.70',sel:false},
					row13:{value:'0.83',sel:false},
					row14:{value:'0.91',sel:true},
					row15:{value:'0.91',sel:true},
					row16:{value:'0.96',sel:false},
					row17:{value:'0.97',sel:false},
					row18:{value:'0.99',sel:false},
				},
			],
			tableDataFour:[
				{
					sub:'科学',
					row1:'分析项目',
					row2:'2020年6年级科学',
					row3:'科学校标测试'
				},
				{
					sub:'科学',
					row1:'2020年6年级科学',
					row2:'1',
					row3:'.420**'
				},
				{
					sub:'科学',
					row1:'科学校标测试',
					row2:'.420**',
					row3:'1'
				},
			],
			tableDataFive:[
				{
					code:'01(1-2)',
					name:'沉和浮',
					level:'识记与理解',
					score:'3',
					crv:'0.8'
				},
				{
					code:'01(3-5)',
					name:'沉和浮、热传递',
					level:'了解与理解',
					score:'3',
					crv:'0.9'
				},
				{
					code:'01(6-8)',
					name:'热传递、地球的运动',
					level:'了解与理解',
					score:'4',
					crv:'0.9'
				},
				{
					code:'01(9-11)',
					name:'地球的运动',
					level:'了解、理解与运用',
					score:'6',
					crv:'1'
				},
				{
					code:'02(1-4)',
					name:'沉和浮',
					level:'理解',
					score:'8',
					crv:'0.8'
				},
				{
					code:'02(11-13)',
					name:'热传递、时间的测量',
					level:'了解与理解',
					score:'6',
					crv:'0.7'
				},
				{
					code:'02(14-16)',
					name:'时间的测量',
					level:'理解',
					score:'6',
					crv:'0.8'
				},
				{
					code:'02(17-19)',
					name:'时间的测量、地球的运动',
					level:'理解',
					score:'6',
					crv:'0.6'
				},
				{
					code:'02(20-22)',
					name:'地球的运动',
					level:'了解与理解',
					score:'6',
					crv:'0.8'
				},
				{
					code:'02(5-7)',
					name:'沉和浮、热传递',
					level:'理解',
					score:'6',
					crv:'0.9'
				},
				{
					code:'02(8-10)',
					name:'热传递',
					level:'了解与理解',
					score:'6',
					crv:'0.8'
				},
				{
					code:'03(1)',
					name:'地球的运动',
					level:'了解',
					score:'6',
					crv:'0.9'
				},
				{
					code:'03(2)',
					name:'实验仪器',
					level:'了解',
					score:'4',
					crv:'0.9'
				},
				{
					code:'04(1)',
					name:'沉和浮',
					level:'理解',
					score:'8',
					crv:'0.9'
				},
				{
					code:'04(2)',
					name:'时间的测量',
					level:'理解',
					score:'4',
					crv:'0.8'
				},
				{
					code:'04(3)',
					name:'热传递',
					level:'理解',
					score:'5',
					crv:'0.9'
				},
				{
					code:'04(4)',
					name:'地球的运动',
					level:'理解',
					score:'7',
					crv:'0.7'
				},
				{
					code:'04(5)',
					name:'地球的运动',
					level:'理解',
					score:'6',
					crv:'0.5'
				},
				{
					code:'总分',
					name:'',
					level:'',
					score:'100',
					crv:'0.8'
				},
			],
			tableDataSix:[
				{
					row1:'学习能力',
					row2:'.446',
					row3:'.000'
				},
				{
					row1:'学习动机',
					row2:'-.115',
					row3:'.003'
				},
				{
					row1:'心理健康',
					row2:'.120',
					row3:'.003'
				},
				{
					row1:'课业负担',
					row2:'-.109',
					row3:'.001'
				},
				{
					row1:'行为习惯',
					row2:'-.144',
					row3:'.001'
				},
				{
					row1:'公民素养',
					row2:'.098',
					row3:'.009'
				},
				{
					row1:'人格品质',
					row2:'.096',
					row3:'.005'
				},
				{
					row1:'理想信念',
					row2:'.099',
					row3:'.015'
				},
				{
					row1:'体质健康',
					row2:'-.107',
					row3:'.023'
				},
			],
			legendList1:[
                {name:'得分率',key:1,color:'#2188E7',itemcolor:['#51A6FA','#3D38EE']},
                {name:'区分度',type:'Line',color:'#FFB600'},
            ],
            list1:[
                {name:"01_1-2",key:1,value:[0.82],lineval:[0.7]},
                {name:"01_3-4-5",key:1,value:[0.81],lineval:[0.7]},
				{name:"02_1-2-3",key:1,value:[0.81],lineval:[0.79]},
				{name:"02_10-11-12",key:1,value:[0.81],lineval:[0.68]},
				{name:"02_13-14-15",key:1,value:[0.8],lineval:[0.65]},
				{name:"02_16-20",key:1,value:[0.79],lineval:[0.81]},
				{name:"02_4-5-6",key:1,value:[0.78],lineval:[0.83]},
				{name:"02_7-8-9",key:1,value:[0.78],lineval:[0.59]},
				{name:"03_1",key:1,value:[0.78],lineval:[0.7]},
				{name:"03_2",key:1,value:[0.76],lineval:[0.75]},
				{name:"04_1-1-2-3",key:1,value:[0.76],lineval:[0.6]},
				{name:"04_1-4-5-6",key:1,value:[0.76],lineval:[0.7]},
				{name:"04_2",key:1,value:[0.76],lineval:[0.5]},
				{name:"04_3-1",key:1,value:[0.75],lineval:[0.8]},
				{name:"04_3-2",key:1,value:[0.75],lineval:[0.62]},
				{name:"05_1-2-3",key:1,value:[0.75],lineval:[0.71]},
				{name:"05_4-5-6",key:1,value:[0.75],lineval:[0.58]},
			],
			legendList2:[
                {name:'得分率',key:1,color:'#2188E7',itemcolor:['#51A6FA','#3D38EE']},
                {name:'区分度',type:'Line',color:'#FFB600'},
            ],
            list2:[
                {name:"0-5",key:1,value:[0],lineval:[0]},
                {name:"5-10",key:1,value:[0],lineval:[0]},
				{name:"10-15",key:1,value:[0.3],lineval:[0.21]},
				{name:"15-20",key:1,value:[0.5],lineval:[0.7]},
				{name:"20-25",key:1,value:[0.3],lineval:[0.75]},
				{name:"25-30",key:1,value:[0.25],lineval:[0.8]},
				{name:"30-35",key:1,value:[0.5],lineval:[0.81]},
				{name:"35-40",key:1,value:[0],lineval:[0]},
				{name:"40-45",key:1,value:[0.52],lineval:[0.7]},
				{name:"45-50",key:1,value:[0.5],lineval:[0.73]},
				{name:"50-55",key:1,value:[0.42],lineval:[0.6]},
				{name:"55-60",key:1,value:[0.42],lineval:[0.7]},
				{name:"60-65",key:1,value:[0.5],lineval:[0.5]},
				{name:"65-70",key:1,value:[0.6],lineval:[0.8]},
				{name:"70-75",key:1,value:[0.69],lineval:[0.67]},
				{name:"75-80",key:1,value:[0.7],lineval:[0.6]},
				{name:"80-85",key:1,value:[0.72],lineval:[0.71]},
				{name:"85-90",key:1,value:[0.81],lineval:[0.59]},
				{name:"90-95",key:1,value:[0.85],lineval:[0.61]},
				{name:"95-100",key:1,value:[0.89],lineval:[0.61]},
			],
			legendList3:[
				{name:'第1组',color:'#3594ff'},
				{name:'第2组',color:'#6374f7'},
				{name:'第3组',color:'#00cd86'},
				{name:'第4组',color:'#fdb628'},
				{name:'第5组',color:'#ff7b12'},
				{name:'第6组',color:'#ba66ea'},
				{name:'第7组',color:'#ff68a9'},
            ],
            list3:[
                {name:"01_1-2",value:[0.82,0.7,0.65,0.5,0.6,0.68,0.45]},
                {name:"01_3-4-5",value:[0.88,0.8,0.55,0.7,0.6,0.52,0.5]},
				{name:"02_1-2-3",value:[0.8,0.77,0.86,0.8,0.64,0.75,0.7]},
				{name:"02_10-11-12",value:[0.4,0.5,0.78,0.62,0.58,0.7,0.9]},
				{name:"02_13-14-15",value:[0.6,0.4,0.8,0.54,0.65,0.75,0.95]},
				{name:"02_16-20",value:[0.58,0.48,0.28,0.38,0.78,0.75,0.22]},
				{name:"02_4-5-6",value:[0.6,0.5,0.32,0.4,0.5,0.7,0.34]},
				{name:"02_7-8-9",value:[0.64,0.54,0.45,0.7,0.8,0.75,0.7]},
				{name:"03_1",value:[0.7,0.8,0.9,0.6,0.75,0.68,0.5]},
				{name:"03_2",value:[0.69,0.71,0.45,0.6,0.5,0.65,0.4]},
				{name:"04_1-1-2-3",value:[0.8,0.6,0.4,0.75,0.52,0.37,0.7]},
				{name:"04_1-4-5-6",value:[0.75,0.82,0.67,0.7,0.6,0.83,0.9]},
				{name:"04_2",value:[0.77,0.86,0.8,0.64,0.45,0.65,0.75]},
				{name:"04_3-1",value:[0.65,0.74,0.69,0.5,0.8,0.3,0.4]},
				{name:"04_3-2",value:[0.65,0.7,0.6,0.75,0.74,0.65,0.75]},
				{name:"05_1-2-3",value:[0.82,0.76,0.65,0.77,0.86,0.8,0.64]},
                {name:"05_4-5-6",value:[0.82,0.7,0.65,0.5,0.6,0.68,0.45]},
			],
			legendList4:[
                {name:'得分率',key:1,color:'#2188E7',itemcolor:['#51A6FA','#3D38EE']},
                {name:'区分度',type:'Line',color:'#FFB600'},
            ],
            list4:[
				{name:"第1组",key:1,value:[0.82],lineval:[0.72]},
				{name:"第2组",key:1,value:[0.81],lineval:[0.73]},
				{name:"第3组",key:1,value:[0.81],lineval:[0.8]},
				{name:"第4组",key:1,value:[0.81],lineval:[0.7]},
				{name:"第5组",key:1,value:[0.81],lineval:[0.72]},
				{name:"第6组",key:1,value:[0.78],lineval:[0.81]},
				{name:"第7组",key:1,value:[0.7],lineval:[0.6]},
			]
		}
	},
	methods:{
		changeTab(index){
            this.active = index;
            this.$refs['activeBg'].style.left = (index*180) + "px";
		},
	}
}
</script>


<style lang="scss" scoped>
.etab{
	margin-bottom: 40px;
}
.tablebox{
	width: 50%;
	height: auto;
	padding-left:45px;
	&.pb20{
		padding-bottom: 20px;
	}
	&.pb40{
		padding-bottom: 40px;
	}
	.headtit{
		font-size: 18px;
		color: #333333;
		text-align: center;
		padding-bottom: 30px;
	}
	table{
		padding: 0;
		margin: 0;
		border-collapse:collapse;
		border-spacing:0;
		width: 100%;
		height: auto;
		text-align: center;
		margin-bottom: 20px;
		.blue{
			background-color: #3964f9;
			color: #FFFFFF;
		}
		.bgreen{
			color: #FFFFFF;
			background-color: #00cd86;
		}
		.green{
			color: #FFFFFF;
			background-color: #4bdba9;
		}
		.byellow{
			color: #FFFFFF;
			background-color: #ffb750;
		}
		.yellow{
			color: #FFFFFF;
			background-color: #fec779;
		}
		.gray{
			background-color: #f7f7fa;
			color: #747e93;
		}
		.r{
			border-right: none;
		}
		.l{
			border-left: none;
		}
		.ssbj{
			background-color: #f8f8fb;
		}
		tr{
			height: 58px;
			th{
				width: 150px;
				border: 1px solid #f1f2f7;
			}
			td{
				width: 150px;
				border: 1px solid #f1f2f7;
			}
		}
	}
	.tit{
		color: #333333;
		font-size: 16px;
		padding-bottom: 40px;
	}
}
.index4{
	.underword{
		color: #333333;
		font-size: 16px;
		padding: 0 0 40px 45px;
	}
}
.sthz{
	/deep/ table{
		tr{
			th:first-child{
				padding-left:40px;
			}
			td:first-child{
				padding-left: 40px;
			}
		}
	}
}
.fznd{
	/deep/.el-table td{
		padding: 0;
		.cell{
			padding: 0;
		}
	}
	.notsel{
		width: 100%;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		&.sel{
			background: #FEF7F4;
			color: #FF7B12;
		}
	}
}
.searchBox{
	.item{
		margin-right: 10px;
	}
}
.mainTab{
	.tab{
		width: 180px;
	}
	.activeBg{
		width: 180px;
	}
}
.evaluate-main{
    padding: 0 40px;
	.u-cardBox{
    	box-shadow: 0 0 10px rgba($color: #3b64a8, $alpha: .1);
		padding: 0;
	}
	.evaluate-box{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 24px;
		position: relative;
		.header{
			padding: 20px 0 40px 40px;
			.item{
				width: 160px;
				height: 48px;
				background: #FFFFFF;
				border: 1px solid #DBDEE5;
				float: left;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 16px;
				font-weight: bold;
				color: #747E93;
				border-right: none;
				cursor: pointer;
				&:last-child{
					border-radius: 0 5px 5px 0;
					border-right: 1px solid #DBDEE5;
				}
				&:first-child{
					border-radius: 5px 0 0 5px;
				}
				&.active{
					background: #3964F9;
					color: #FFFFFF;
				}
			}
		}
		.tname{
			font-size: 18px;
			color: #333333;
			padding: 20px 0 20px 45px;
			font-weight:bold;
		}
		.chart{
			width:100%;
			height: 360px;
			padding-bottom:25px;
		}
	}
}
</style>
